.blog-banner {
    height: 40rem;
    background: black;
}

.scene {
    position: absolute;
    width: 100%;
    transform: translateY(var(--translateY));
    will-change: transform;
}

.banner-title {
    font-size: 30px;
    color: rgb(121, 182, 242);
}




.show-down {
    position: relative;
    animation: mymove 2.4s infinite;
    -webkit-animation: mymove 2.4s infinite;
    /*Safari and Chrome*/
}

@keyframes mymove {
    0% {
        top: 0px;
    }

    20% {
        top: 15px;
    }

    40% {
        top: 10px;
    }

    60% {
        top: 15px;
    }

    

    100% {
        top: 0px;
    }
}

@-webkit-keyframes mymove
/*Safari and Chrome*/

    {
    0% {
        top: 0px;
    }

    20% {
        top: 15px;
    }

    40% {
        top: 10px;
    }

    60% {
        top: 15px;
    }

    

    100% {
        top: 0px;
    }
}